﻿@charset "utf-8";
/* CSS Document */

*{margin: 0;padding:0;}
.fl{ float: left;}
.clearfix:after{ display: block; content: ""; clear: both;}
.clear{ clear: both;}
body{ font-size:14px; font-family: "Microsoft Yahei",sans-serif;}
img{ border: 0;}
a{ text-decoration: none;}
ul,ol{ list-style: none;}

input{ border: 0;}
input:focus{ outline: none;}
.bgf{background:#fff;}
i,em{ font-style: normal;}

.index_title h3{ text-align: center;font-size: 30px; color: #ff6600;font-weight: bold;}
.index_title span{display: block;width: 253px;height: 1px;_height:1px; background: #e5e5e5;margin: 10px auto;}
.index_title p{ text-align: center;color: #666;}
/*头部*/
.headertopwrap{ background: #fff;margin: 20px 0;height: 70px;}
.headertopwrap .headertop .logo h1 a{display: block;width: 194px;height: 55px; background: url('../images/logo.png') no-repeat;margin-top: 10px;}
.headertopwrap .headertop .mainnav {margin-top: 10px;}
.headertopwrap .headertop .mainnav ul li{ float: left;}
.headertopwrap .headertop .mainnav ul li a{display: block;width:110px;height:50px;line-height:50px; text-align: center; color: #333;font-size: 18px;}
.headertopwrap .headertop .mainnav ul li a:hover,.headertopwrap .headertop .mainnav ul li .active{ color: #fff; background: #ff6600;}
.mainnav span{display: none;}
.headertopwrap .headertop .logonbtn{margin-top: 10px;}
.headertopwrap .headertop .logonbtn a{display: block;width: 102px;color: #ff6600; height: 28px; border: 1px solid #ff6600;line-height: 28px; text-align: center; border-radius: 10px; margin-top:10px;}
/*头部*/
/*banner*/
.banner{width: 100%; overflow: hidden; text-align: center;}
.banner img{width: 100%;  }
/*banner*/

/*底部*/
.footerwrap{ background: #434343;padding: 40px 0;margin-top: 82px;}
.footerwrap .footer .footer_text{ float: left;}
.footerwrap .footer .footer_text p{ text-align: center;font-size: 24px; color: #fff;}
.footerwrap .footer .footer_text p a{ color: #f3cb11;}
.footerwrap .footer .footer_code{ float: right;}
.footerwrap .footer .footer_code p{ text-align: center; color: #fff;font-size: 18px;}
/*底部*/
@media screen and (min-width: 768px) and (max-width: 1024px){
	.w1200,.w1000{width: auto;}
    .headertopwrap {margin: 20px 10px;}
	.mainnav span{display: block;width:40px;height:30px;padding-top: 2px; margin-right: 10px; background: #ccc; border-radius: 5px; margin-top:10px}
	.mainnav span i{display: block;margin: 5px auto;width: 20px;height: 2px; background: #fff;}
	.mainnav ul{display:none; position: absolute;top:95px;left: 0;width: 100%; background-color:#d4d4d4;}
	.mainnav ul li{float: none!important;}
	.mainnav ul li a{width: 100%!important;height: 50px!important;line-height: 50px!important; text-align: left!important;padding-left: 20px;}

	.do_item ul li{ width: 50%; border-right: 0;margin-bottom: 50px;}

	.hotwrap{height: auto;}
	.hotwrap .hot{width: auto;}
	.hotwrap .hot .hot_item{margin-top: 20px;margin-bottom: 20px;display: block;overflow: hidden;}
	.hotwrap .hot .hot_item ul{width: 100%;}
	.hotwrap .hot .hot_item ul li{width: 100%; float: none;}
	.hotwrap .hot .hot_item ul li .hot_item_box{width: 100%;padding: 10px 0;}
	.hot_item_box .hot_item_img{width: 28%; float:left;margin-left: 10px;}
	.hot_item_box .hot_item_right{width: 68%; float:right;}

	.questionnaire_item ul li{margin-bottom: 20px;}
	.footerwrap .footer .footer_text{ float:none;padding: 0 10px;}
	.footerwrap .footer .footer_text p{font-size: 16px;}
	.footerwrap .footer .footer_code{ float: none;margin-top: 20px;}
	.footerwrap .footer .footer_code img{display:block;margin: 0 auto 20px;}
	.footerwrap .footer .footer_code p{font-size: 20px;}
}
